<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Curve fever HTML5</title>
        <link rel="stylesheet" href="Styles/styles.css" type="text/css" />
        <script src="Scripts/modernizr.js"></script>
        <script src="Scripts/Loader.js"></script>
    </head>
    <body>
        <div id="containerDiv">
            <div id="menuDiv">
                <table id="playersTable">
	                <caption>
                        Select your players and keys
	                </caption>
	                <colgroup />
	                <colgroup span="2" title="title" />
	                <thead>
		                <tr>
                            <th></th>
			                <th>Name</th>
			                <th>Left key</th>
			                <th>Right key</th>
		                </tr>
	                </thead>
	                <tbody>
		                <tr style="color:red">
                            <td>1.</td>
			                <td class="playerName">Lew</td>
			                <td class="leftKey"></td>
			                <td class="rightKey"></td>
                            <td class="leftKeyCode"></td>
			                <td class="rightKeyCode"></td>
		                </tr>
	                
		                <tr style="color:green">
                            <td>2.</td>
			                <td class="playerName">Yao</td>
			                <td class="leftKey"></td>
			                <td class="rightKey"></td>
                            <td class="leftKeyCode"></td>
			                <td class="rightKeyCode"></td>
		                </tr>
		                <tr style="color:yellow">
                            <td>3.</td>
			                <td class="playerName">Noob</td>
			                <td class="leftKey"></td>
			                <td class="rightKey"></td>
                            <td class="leftKeyCode"></td>
			                <td class="rightKeyCode"></td>
		                </tr>
                        <tr style="color:cyan">
                            <td>4.</td>
			                <td class="playerName">Bania</td>
			                <td class="leftKey"></td>
			                <td class="rightKey"></td>
                            <td class="leftKeyCode"></td>
			                <td class="rightKeyCode"></td>
		                </tr>
                        <tr style="color:pink">
                            <td>5.</td>
			                <td class="playerName">Czaper</td>
			                <td class="leftKey"></td>
			                <td class="rightKey"></td>
                            <td class="leftKeyCode"></td>
			                <td class="rightKeyCode"></td>
		                </tr>
                        <tr style="color:orange">
                            <td>6.</td>
			                <td class="playerName">Jaca</td>
			                <td class="leftKey"></td>
			                <td class="rightKey"></td>
                            <td class="leftKeyCode"></td>
			                <td class="rightKeyCode"></td>
		                </tr>
	                </tbody>
                </table>
            <button id="play" onclick="LoadGame()">PLAY</button>
            </div>
            <div id="gameDiv">
                <div id ="scoreDiv">
                    <table id="goalTable">
                       <tbody>
                            <tr>
                                <td id="toGet">TO GET:</td>
                                <td id="goalScore"></td>
                            </tr>
                        </tbody>
                    </table>
                    <table id="playersScoreTable" class="tablesorter">
                        <thead>
		                    <tr>
                                <th></th>
			                    <th></th>
                                <th></th>
		                    </tr>
	                    </thead>
                        <tbody>

                        </tbody>
                    </table>
                    <div id="back">BACK TO MENU</div>
                </div>
                <div id="boardDiv">
                    <canvas id="gameCanvas"></canvas>
                </div>
                <div class="clear">
                </div>
            </div>
        </div>
    </body>
</html>
